﻿<style>.check-link a,.check-link a:link,.check-link a:visited{color:#333}.check-link a:hover{color:#389;}</style>
		<h1 class="page_title">
		概述	</h1>
		<h2>
		1.使用	</h2>
	<p >
			通过Ui封装 使用者相关组件添加相关依赖包就OK了，会很方便、快捷的达到自己想要的效果。比bootstrap更懂中国！
	</p>

		<h2>
		2.组件包	</h2>
	<pre class="prettyprint"><span class="pun">├──</span> <span class="tWidth">org.tinygroup.jquery</span><span class="check-link">必须使用的jquery包 (http://jquery.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.bootstrap</span><span class="check-link">使用bootstrap最新v3.3.4 (www.bootcss.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.publicComponent</span><span class="check-link">TinyUi特有资源（基础-必须依赖基于bootstrap）</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.gridSystems</span><span class="check-link">栅格系统（布局）</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.UEditor</span><span class="check-link">UEditor编辑器 (http://ueditor.baidu.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.viewsControl</span><span class="check-link">视图控制 (www.jq22.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.gantt</span><span class="check-link">gantt甘特图 (www.jsgantt.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.iconTab</span><span class="check-link">图标控制选项卡 (www.jsdaima.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.tourbus</span><span class="check-link">引导 (www.jq22.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.loginRegistered</span><span class="check-link">登录注册 (http://gsgd.co.uk/sandbox/jquery/easing)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.interfaceElements</span><span class="check-link">界面元素 (www.bootcss.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.thumbnails</span><span class="check-link">缩略图 (www.runoob.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.frameCommon</span><span class="check-link">TinyUi框架（基础-框架）</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.frameTplGray</span><span class="check-link">TinyUi框架模板灰色</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.jqueryUi</span><span class="check-link">jqueryUi (http://jqueryui.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.comment</span><span class="check-link">评论列表 (www.h-ui.net)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.media</span><span class="check-link">媒体 (www.runoob.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.example</span><span class="check-link">案例 (www.h-ui.net)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.bootstrapDate</span><span class="check-link">日期控件 (www.17sucai.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.modal</span><span class="check-link">弹出框 (www.bootcss.com) (www.h-ui.net)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.fullCalendar</span><span class="check-link">fullCalendar日程表 (www.helloweba.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.webupload</span><span class="check-link">多文件上传 (http://fex.baidu.com/webuploader)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.frameTplPurple</span><span class="check-link">TinyUi框架模板紫色</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.layer</span><span class="check-link">layer弹出框 (http://layer.layui.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.form</span><span class="check-link">表单 (www.bootcss.com) (validform.rjboy.cn)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.share</span><span class="check-link">分享 (http://share.baidu.com/code)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.compose</span><span class="check-link">排版（一般都能用到）(www.bootcss.com) (www.h-ui.net)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.emailTemplate</span><span class="check-link">邮件模版(www.17sucai.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.newLogin</span><span class="check-link"></span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.frameTplGreenyellow</span><span class="check-link">TinyUi框架模板绿黄</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.buttonGroup</span><span class="check-link">按钮组 (www.runoob.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.table</span><span class="check-link">表格 (www.bootcss.com) (www.h-ui.net)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.dataTables</span><span class="check-link">DataTables数据表格 (http://dt.thxopen.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.widget</span><span class="check-link">小部件(基于jqueryUi)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.voteCharts</span><span class="check-link">投票图表 (www.html5tricks.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.search</span><span class="check-link">搜索 (www.h-ui.net)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.morris</span><span class="check-link">morris图表 (www.bootcdn.cn/morris.js)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.frameTplDark</span><span class="check-link">TinyUi框架模板深色</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.frameTplFashion</span><span class="check-link">TinyUi框架模板时尚</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.code</span><span class="check-link">代码 (www.h-ui.net)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.forum</span><span class="check-link">论坛页</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.customerService</span><span class="check-link">客服 (http://shang.qq.com/widget/consult.php)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.zTree</span><span class="check-link">zTree (www.ztree.me)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.rolling</span><span class="check-link">滚动 (www.h-ui.net)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.tab</span><span class="check-link">选项卡 (www.h-ui.net)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.icon</span><span class="check-link">图标 (www.iconfont.cn)(http://www.bootcss.com/p/font-awesome)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.searchPage</span><span class="check-link">搜索页</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.picture</span><span class="check-link">图片 (www.runoob.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.jqueryForm</span><span class="check-link">jqueryform表单 (http://malsup.com/jquery/form)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.flot</span><span class="check-link">flot图表 (www.flotcharts.org)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.tabShow</span><span class="check-link">Tabs展示</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.ad</span><span class="check-link">广告 (www.h-ui.net)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.fold</span><span class="check-link">折叠 (www.h-ui.net)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.userComment</span><span class="check-link">用户评论 (www.doit666.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.syntaxhighlighter</span><span class="check-link">代码高亮 (http://alexgorbatchev.com/SyntaxHighlighter)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.progress</span><span class="check-link">进度条 (www.runoob.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.frameTplOrange</span><span class="check-link">TinyUi框架模板橙色</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.burndownChart</span><span class="check-link">燃尽图表 (http://zui.sexy)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.mmGrid</span><span class="check-link">mmGrid数据表格 (http://miemiedev.github.io/mmGrid)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.Smart-treeview</span><span class="check-link">树形菜单 (www.jq22.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.toTop</span><span class="check-link">返回顶部 (www.h-ui.net)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.alert</span><span class="check-link">警告 (www.h-ui.net)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.tags</span><span class="check-link">标签 (www.h-ui.net)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.frameTplBlack</span><span class="check-link">TinyUi框架模板黑色</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.fooTable</span><span class="check-link">fooTable表格 (http://themergency.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.dropDown</span><span class="check-link">下拉菜单 (www.runoob.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.highCharts</span><span class="check-link">highCharts图表 (www.hcharts.cn)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.frameTplLightblue</span><span class="check-link">TinyUi框架模板浅蓝</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.navigation</span><span class="check-link">导航 (www.h-ui.net) (www.runoob.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.frameTplDeepblue</span><span class="check-link">TinyUi框架模板深蓝</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.timeline</span><span class="check-link">时间轴 (www.lanrentuku.com)(www.csslab.cl)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.trumbowyg</span><span class="check-link">Trumbowyg编辑器 (alex-d.github.io/Trumbowyg/)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.animation</span><span class="check-link">动画 (www.h-ui.net)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.zoomPic</span><span class="check-link">zoomPic图片列表 (www.jqueryba.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.maskBar</span><span class="check-link">遮罩 (www.h-ui.net)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.pieCharts</span><span class="check-link">饼状图比例分布图 (www.highcharts.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.easy</span><span class="check-link">easy饼图数据统计 (www.html580.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.frameTplGreen</span><span class="check-link">TinyUi框架模板绿色</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.lineChart</span><span class="check-link">lineChart折线图 (http://blog.minidx.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.uedTips</span><span class="check-link">UED提示 (www.jq22.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.superBox</span><span class="check-link">superBox图片列表 (www.wxzx8.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.Smart-navigation</span><span class="check-link">导航集合 (www.runoob.com)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.labelBadge</span><span class="check-link">便签与标号 (www.h-ui.net)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.unslider</span><span class="check-link">幻灯片 (http://js.itobe.cn)</span>
<span class="pun">├──</span> <span class="tWidth">org.tinygroup.button</span><span class="check-link">按钮 (www.runoob.com) (www.h-ui.net)</span>
<div class="tinyStatistical">
	<b class="tinyOffset">共<i>85</i>个组件<b>
</div>
</pre>

<script type="text/javascript">
<!--
$(function(){
	$(".check-link").each(function(){
		var content=$(this).html();
		content=content.replace(/\w+\:\/\//,"");
		$(this).html(content.replace(/\(((\w+:\/\/)?\w+(\.\w+)+.*?)\)/ig,'(<a href="http://$1" target="_blank">$1</a>)'))
	})
})
//-->
</script> 